<!--
  @author yangjiangming
  @date 2018-12-10 20:40:28
-->
<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-4.dtd">
<html th:replace="~{work/modify/common/layout :: layout('算账', ~{::title}, ~{::content}, ~{::script})}">
<head>
    <title>工单管理-算账</title>
</head>
<body>

<div th:fragment="content">
    <script type="text/javascript" th:src="|//api.map.baidu.com/api?v=2.0&ak=${#baiduAkUtil.getWebAk()}|"></script>
    <script type="text/javascript" src="//api.map.baidu.com/library/GeoUtils/1.2/src/GeoUtils_min.js"></script>
</div>

<div th:fragment="content">
    <style>
        .platreview-img-member, .platreview-img-master {
            width: 150px;
            display: inline-block;
            text-align: center;
            margin-right: 0;
        }

        .platreview-img-member img, .platreview-img-master img {
            width: 100%;
            height: 100px;
        }

        .platreview-title-member, .platreview-title-master {
            display: inline-block;
            width: 150px;
            padding: 7px 15px;
            box-sizing: border-box;
            text-align: center;
        }

        .platreview-space {
            width: 50px;
            text-align: center;
            display: inline-block;
        }

        .platreview-fail-remark {
            display: none;
            margin-top: 10px;
        }

        .platreview-width500 {
            width: 500px;
        }
    </style>

    <div class="layui-form-item">
        <label class="layui-form-label" style="width: 70px">订单金额</label>
        <span class="layui-form-label" style="width: 600px; text-align: left;" th:if="${vo.originalAmount != null}">
            <label  th:text="${#moneyUtil.parseToYuanStartWithUnit(vo.originalAmount)}"></label>
            (<label class="layui-inline" style="line-height: 20px">
                    已付:<label th:text="${vo.prepayAmount}"></label>元,
            </label>
            <label class="layui-inline" style="line-height: 20px">
                还需支付:<label th:text="${#moneyUtil.parseToYuanStartWithUnit(vo.originalAmount - vo.prepayAmount)}"></label>元
            </label>)
            <label style="color: #b3b3b3; font-size: smaller; line-height: 20px">若：价格需调整，您可操作：改价格</label>
        </span>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label" style="width: 70px">易碎贴编号</label>
        <span class="layui-form-label" style="text-align: left;width: 300px">
            <label th:text="${vo.fragileCode}"></label>
            <label style="color: #b3b3b3; font-size: smaller;" th:if="${vo.startTime != null && vo.endTime != null}">
            (保修时间:
            <label th:text="${#dates.format(vo.startTime, 'yyyy-MM-dd')}"/> ~ <label th:text="${#dates.format(vo.endTime, 'yyyy-MM-dd')}"/>
            )
            </label>
        </span>
    </div>

    <form class="layui-form" action="" id="form-platreview">
        <input type="text" th:value="${vo.orderId}" name="orderId" hidden>
        <input type="text" th:value="${vo.workId}" name="workId" hidden>
        <!--<input type="text" th:value="${vo.masterPoint}" name="masterPoint" hidden>
        <input type="text" th:value="${vo.userPoint}" name="userPoint" hidden>-->
        <div class="layui-form-item">
            <label class="layui-form-label" style="width: 70px">照片</label>
            <div class="layui-inline">
                <div class="layui-form-item">
                    <div class="platreview-title-member">
                        会员注册
                    </div>
                    <div class="platreview-space"></div>
                    <div class="platreview-title-master">
                        工程师审核拍照
                    </div>
                </div>

                <div class="layui-form-item">
                    <div class="layui-inline platreview-width500">
                        <span class="platreview-img-member">
                            <img th:src="${vo.userDeviceImageSrc}" alt="会员注册整机运行照">
                        </span>
                        <span class="platreview-space">对比</span>
                        <span class="platreview-img-master">
                            <img th:src="${vo.masterDeviceImageSrc}" alt="工程师审核拍照整机运行照">
                        </span>
                        <span class="layui-inline" style="margin-left: 35px;width: 80px;">
                            整机运行照
                        </span>
                    </div>
                    <div class="layui-inline " style="margin-left: 10px;">
                        <input type="radio" name="platReviewDeviceResult" class="" value="2" title="审核通过">
                        <input type="radio" name="platReviewDeviceResult" class="" value="3" title="审核不通过">
                    </div>
                    <div class="platreview-fail-remark">
                        <textarea name="platReviewDeviceRemark" id="" class="layui-textarea"
                                  placeholder="请填写审核失败缘由"></textarea>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline platreview-width500">
                        <span class="platreview-img-member">
                            <img th:src="${vo.userNameplateImageSrc}" alt="会员注册电器铭牌照">
                        </span>
                        <span class=" platreview-space"></span>
                        <span class="platreview-img-master">
                            <img th:src="${vo.masterNameplateImageSrc}" alt="工程师审核拍照电器铭牌照">
                        </span>
                        <span class="layui-inline" style="margin-left: 35px;width: 80px">
                            电器铭牌照
                        </span>
                    </div>
                    <div class="layui-inline" style="margin-left: 10px;">
                        <input type="radio" name="platReviewNameplateResult" class="" value="2" title="审核通过">
                        <input type="radio" name="platReviewNameplateResult" class="" value="3" title="审核不通过">
                    </div>
                    <div class="platreview-fail-remark">
                        <textarea name="platReviewNameplateRemark" id="" class="layui-textarea"
                                  placeholder="请填写审核失败缘由"></textarea>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline platreview-width500">
                        <span class=" platreview-img-member">
                            <img th:src="${vo.userFragilePasteImageSrc}" alt="会员注册贴花照片">
                        </span>
                        <span class=" platreview-space"></span>
                        <span class=" platreview-img-master">
                            <img th:src="${vo.masterFragilePasteImageSrc}" alt="工程师审核拍照贴花照片">
                        </span>
                        <span class="layui-inline" style="margin-left: 35px;width: 80px;">
                            贴花照片
                        </span>
                    </div>
                    <div class="layui-inline" style="margin-left: 10px;">
                        <input type="radio" name="platReviewFragilePasteResult" class="" value="2" title="审核通过">
                        <input type="radio" name="platReviewFragilePasteResult" class="" value="3" title="审核不通过">
                    </div>
                    <div class="platreview-fail-remark">
                        <textarea name="platReviewFragilePasteRemark" id="" class="layui-textarea"
                                  placeholder="请填写审核失败缘由"></textarea>
                    </div>
                </div>
            </div>
        </div>
<!--        <div class="layui-form-item">
            <label class="layui-form-label" style="width: 60px">工程师位置</label>
            <div class="layui-inline">
                <div class="layui-form-item">
                    <div class="layui-inline platreview-width500">
                        <div class="layui-inline">
                            工程师当前位置与用户地址距离: <span th:text="${vo.distance} + m" style="color: #01AAED"></span>
                        </div>
                        <span class="layui-inline" id="btn-map" style="color: #01AAED;text-decoration: underline;cursor: pointer;">查看地图</span>
                    </div>
                    <div class="layui-inline" style="margin-left: 10px;">
                        <input type="radio" name="platReviewAddressResult" class="" checked value="2" title="审核通过">
                        <input type="radio" name="platReviewAddressResult" class="" value="3" title="审核不通过">
                    </div>

                    <div class="platreview-fail-remark">
                        <textarea name="platReviewAddressRemark" id="" class="layui-textarea"
                                  placeholder="请填写审核失败缘由"></textarea>
                    </div>

                </div>

            </div>
        </div>-->

        <div class="layui-form-item" id="coupon" th:if="${ vo.coupon != null }" hidden="true">
            <label class="layui-form-label" style="width: 70px">延保券</label>
            <div class="layui-inline" style="width: 300px;border: #e6e6e6 solid 1px;text-align: match-parent">
                <div class="layui-inline" style="text-align: center; background: #f00; height: 80px; width: 30%; border: #0000FF solid 0px">
                    <div style="margin-top: 25px">
                        <!--<span style="color: #FFF;">¥</span>-->
                        <span th:text="${ #moneyUtil.parseToYuanStartWithUnit(vo.coupon.amount) }" style="color: #FFF; font-size: large"></span>
                    </div>
                </div>
                <div class="layui-inline" style="text-align: left; height: 100%; border:0px;height: inherit">
                    <!--<h5 th:text="${vo.coupon.batchName}"></h5>-->
                    <h5>延保优惠券</h5>
                    <label  style="width: inherit">总额:</label>
                    <span th:text="${#moneyUtil.parseToYuanStartWithUnit(vo.coupon.faceValue)}"></span>
                    <p>
                        <span th:text="${ vo.coupon != null ? #dates.format(vo.coupon.lifeTime, 'yyyy-MM-dd') : '0000-00-00' }"></span>~
                        <span th:text="${ vo.coupon != null ? #dates.format(vo.coupon.expireTime, 'yyyy-MM-dd') : '0000-00-00' }"></span>
                    </p>
                </div>
            </div>
            <label style="color: #b3b3b3; font-size: smaller;">延保审核通过后，将自动使用延保优惠券</label>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label" style="width: 70px">备注说明</label>
            <div class="layui-inline" style="width: 764px;">
                <textarea name="platReviewRemark" class="layui-textarea" placeholder="请输入,1000字以内"></textarea>
                <div class="layui-form-item" style="text-align: center;margin-top: 20px;">
                    <button class="layui-btn" lay-submit lay-filter="save">保存</button>
                    <!--<span class="layui-btn layui-btn-primary reset-btn">重置</span>-->
                </div>
            </div>
        </div>
    </form>
</div>

<script th:inline="javascript">

    var workPoint = {
        userPoint: [[${vo.userPoint}]],
        masterPoint: [[${vo.masterPoint}]]
    };

    var layuiModel = {
        oms_member_work_modify_platreview: "member/work/modify/zmn.oms.member.work.modify.platreview"
    };
</script>
</body>
</html>